<style>
.zm {
    border: 1px solid #CCCCCC;
    margin-right: 5%;
    display: inline-block;
    background: #eee;
    width: 200px;
    border-radius: 7px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
</style>

<h3 class="page-header">个人认证信息
</h3>

<form id="myform" action="" method="post" class="form-horizontal">
<div class="tab-pane active" id="panel-1">
	<div class="mt30 bg-white pl mb100">
	
		<div class="row p0 ml0 mr2">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label"><i class="iconfont icon-dian color-blue"></i>昵称</label>
                <div class="col-sm-3">
                    <input type="text" class="form-control " name="nick_name" value="<?= $CertifiedSubmit['nick_name'] ?>" readonly>
                </div>
            </div>
			<div class="form-group">
				<label for="name" class="col-sm-2 control-label"><i class="iconfont icon-dian color-blue"></i>姓名</label>
				<div class="col-sm-3">
					<input type="text" class="form-control " name="real_name" value="<?= $CertifiedSubmit['real_name'] ?>" readonly>
				</div>
			</div>
			<div class="form-group">
				<label for="address" class="col-sm-2 control-label"><i class="iconfont icon-dian color-blue"></i>地区</label>
				<div class="col-sm-10">
                    <div class="form-group col-sm-2">
                        <select class="form-control" id="province" name="province" readonly>
                        <option selected><?= $CertifiedSubmit['province'] ?></option>
                        </select>
                        
                    </div>
                    <div class="form-group col-sm-1"></div>

                    <div class="form-group col-sm-2">
                        <select class="form-control" id="city" name="city" readonly>
                        <option selected><?= $CertifiedSubmit['city'] ?></option>
                        </select>
                    </div>
                    <div class="form-group col-sm-1"></div>
                    <div class="form-group col-sm-2">
                        <select class="form-control" id="area" name="area" readonly>
                        <option selected><?= $CertifiedSubmit['area'] ?></option>
                        </select>
                    </div>
					<!-- <input type="text" class="form-control" id="address" value=""> -->
				</div>
			</div>
			<div class="form-group ">
					
						<label class="col-sm-2 control-label s" style="    margin-left: 0px;"><i class="iconfont icon-dian color-blue"></i>身份证</label>
					
					<p class="color-888 col-sm-10 mt15 mb15 ml20"></p>
					
					<div class="zm color-888 mb100" style="margin-left: 2%;"><img style="height:100%;" alt="" src="<?= $CertifiedSubmit['sfz_pic1'] ?>"></div>
					<div class="zm color-888 mb100" style="margin-left: 2%;"><img style="height:100%;" alt="" src="<?= $CertifiedSubmit['sfz_pic2'] ?>"></div>
			</div>
			
			<div class="form-group">
				<label for="address" class="col-sm-2 control-label">推荐码</label>
				<div class="col-sm-3">
					<input type="text" class="form-control " name="recommended_code"  readonly>
				</div>
			</div>
					
		
			<div class="form-group mb50" style="    text-align: center;">
				<a href="<?= URL::site('certified/open?id='.$CertifiedSubmit['id']);?>" class="btn btn-info btn-xs ajax-update">审核通过</a>
				<a href="<?= URL::site('certified/close?id='.$CertifiedSubmit['id']);?>" class="btn btn-danger btn-xs ajax-update">审核失败</a>
			</div>
		</div>

	</div>

</div>
	<div class="sliceImg" style="z-index:999999; width: 100%;height: 100%;top:0;left:0;position:fixed;background: rgba(0,0,0,0.5); display: none; text-align: center" >
        <img  src="">
    </div>
</form>
					
<script>
    $('.tab-pane img').click(function(){
        var imgSrc = $(this).attr('src'),
            winH = $(window).height()-50+'px';

        $('.sliceImg').fadeIn().find('img').attr('src',imgSrc).css({
            height:winH,
            marginTop:'30px'
        });
    })

    $('.sliceImg').click(function(){
        $(this).fadeOut();
    })

    $('.sliceImg img').click(function(e){
       e.stopPropagation();
    })

</script>
